87:I[903690,["/chat-static/_next/static/immutable/chunks/0f7vmp09w0w3_.js","/chat-static/_next/static/immutable/chunks/1guyin7zoczci.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/157bok9l8ft2k.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/3l1ze4wl3hwyo.js","/chat-static/_next/static/immutable/chunks/1f2h7l_uwb6cb.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/13kz2gfvgolzm.js","/chat-static/_next/static/immutable/chunks/31bw9_yzlia2t.js","/chat-static/_next/static/immutable/chunks/1coue_ozvgza6.js","/chat-static/_next/static/immutable/chunks/0s_cw7e8300g7.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/3263tgpkly9nu.js","/chat-static/_next/static/immutable/chunks/2z8sv1-dbgnfj.js","/chat-static/_next/static/immutable/chunks/1m_firo4_gtz9.js","/chat-static/_next/static/immutable/chunks/0lqecjmpjs03d.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/0m-i5q_rijts2.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/309um4vobmrg1.js","/chat-static/_next/static/immutable/chunks/0lpzz48chq3z_.js","/chat-static/_next/static/immutable/chunks/0esh3_fydqhs4.js","/chat-static/_next/static/immutable/chunks/0fqzt-x_byqxq.js","/chat-static/_next/static/immutable/chunks/31ksuowt-h8kz.js","/chat-static/_next/static/immutable/chunks/3vib52bi7ylnf.js","/chat-static/_next/static/immutable/chunks/2obw3omjz3a42.js","/chat-static/_next/static/immutable/chunks/313gqxshd-pvz.js","/chat-static/_next/static/immutable/chunks/2cytw68p34q_e.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2bf3kb-va9_w_.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/3dhcra7d70kox.js","/chat-static/_next/static/immutable/chunks/3bd2e1qm07sst.js","/chat-static/_next/static/immutable/chunks/1a66wkxyahiky.js","/chat-static/_next/static/immutable/chunks/0yhvouprkh27j.js","/chat-static/_next/static/immutable/chunks/08-__6bbjjmqq.js","/chat-static/_next/static/immutable/chunks/1zbczmbdcfpso.js","/chat-static/_next/static/immutable/chunks/2lw3dfa252fnx.js","/chat-static/_next/static/immutable/chunks/29x8k6m14yofx.js"],"ExplicitChatIdProvider"] 88:I[838238,["/chat-static/_next/static/immutable/chunks/0f7vmp09w0w3_.js","/chat-static/_next/static/immutable/chunks/1guyin7zoczci.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/157bok9l8ft2k.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/3l1ze4wl3hwyo.js","/chat-static/_next/static/immutable/chunks/1f2h7l_uwb6cb.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/13kz2gfvgolzm.js","/chat-static/_next/static/immutable/chunks/31bw9_yzlia2t.js","/chat-static/_next/static/immutable/chunks/1coue_ozvgza6.js","/chat-static/_next/static/immutable/chunks/0s_cw7e8300g7.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/3263tgpkly9nu.js","/chat-static/_next/static/immutable/chunks/2z8sv1-dbgnfj.js","/chat-static/_next/static/immutable/chunks/1m_firo4_gtz9.js","/chat-static/_next/static/immutable/chunks/0lqecjmpjs03d.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/0m-i5q_rijts2.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/309um4vobmrg1.js","/chat-static/_next/static/immutable/chunks/0lpzz48chq3z_.js","/chat-static/_next/static/immutable/chunks/0esh3_fydqhs4.js","/chat-static/_next/static/immutable/chunks/0fqzt-x_byqxq.js","/chat-static/_next/static/immutable/chunks/31ksuowt-h8kz.js","/chat-static/_next/static/immutable/chunks/3vib52bi7ylnf.js","/chat-static/_next/static/immutable/chunks/2obw3omjz3a42.js","/chat-static/_next/static/immutable/chunks/313gqxshd-pvz.js","/chat-static/_next/static/immutable/chunks/2cytw68p34q_e.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2bf3kb-va9_w_.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/3dhcra7d70kox.js","/chat-static/_next/static/immutable/chunks/3bd2e1qm07sst.js","/chat-static/_next/static/immutable/chunks/1a66wkxyahiky.js","/chat-static/_next/static/immutable/chunks/0yhvouprkh27j.js","/chat-static/_next/static/immutable/chunks/08-__6bbjjmqq.js","/chat-static/_next/static/immutable/chunks/1zbczmbdcfpso.js","/chat-static/_next/static/immutable/chunks/2lw3dfa252fnx.js","/chat-static/_next/static/immutable/chunks/29x8k6m14yofx.js"],"SWRDataProvider"] 89:T181d,[V0_FILE]typescriptreact:file="components/kokonutui/bento-grid.tsx" import type React from "react" import { cn } from "@/lib/utils" import { Home, MapPin, Compass, Building, Heart, HomeIcon, Camera } from "lucide-react" import Link from "next/link" import { Card, CardHeader, CardContent, CardFooter } from "@/components/ui/card" interface BentoItem { title: string description: string icon: React.ReactNode status?: string tags?: string[] meta?: string cta?: string colSpan?: number hasPersistentHover?: boolean } interface BentoGridProps { items: BentoItem[] } const itemsSample: BentoItem[] = [ { title: "Luxury Beachfront Villa", meta: "4.9 (128 reviews)", description: "Stunning oceanfront property with private pool, modern amenities, and breathtaking sunset views. Perfect for family getaways.", icon: , status: "Superhost", tags: ["Beachfront", "Pool", "Luxury"], colSpan: 2, hasPersistentHover: true, }, { title: "Downtown Loft", meta: "$199/night", description: "Modern urban living in the heart of the city. Walking distance to restaurants and attractions.", icon: , status: "Instant Book", tags: ["Urban", "Modern"], }, { title: "Popular Areas", description: "Discover trending neighborhoods with the highest guest satisfaction", icon: , status: "New", }, { title: "Bali Villa", description: "A luxurious villa in Bali with a private pool and stunning views of the ocean", icon: , meta: "12 houses", tags: ["Housing", "Tools"], }, { title: "Travel Collections", description: "Curated lists of unique stays and experiences worldwide", icon: , meta: "Updated weekly", tags: ["Featured", "Curated"], }, { title: "Local Guide", meta: "6 cities", description: "Expert recommendations for local attractions and hidden gems", icon: , status: "Featured", tags: ["Local", "Guide"], }, { title: "Exclusive Experiences", meta: "100+ activities", description: "Unique adventures and memorable experiences curated by local experts. From cooking classes to outdoor expeditions.", icon: , status: "Premium", tags: ["Activities", "Local"], colSpan: 2, }, ] export default function BentoGrid({ items = itemsSample }: BentoGridProps) { return (

{items.map((item) => (

{item.icon}

{item.status || "Active"}

{item.title} {item.meta}

{item.description}

{item.tags?.map((tag) => ( #{tag} ))}

{item.cta || "Explore →"}

))}

) }7d:["$","$L87",null,{"chatId":"YtRzGDof9lj","children":["$","$L88",null,{"data":{"@\"active-block\",\"YtRzGDof9lj\",":{"id":"b_nOLXA91mSiW","messageId":"2AS9K5TgFKpnlL60r083zYCz1Yz5xM6U","source":"$89","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"Open in v0","type":"code-project","project":"Open in v0"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"YtRzGDof9lj\",":false,"":null},"children":"$L8a"}]}]

About

Tags

Share

About

Tags

Share

About

Tags

Share

More from kokonut

More Templates Like This